	page{
		background-color: #FFFFFF;
		padding-bottom: 160upx;
	}
	.icon-you{
		font-size: $font-base + 2upx;
		color: #888;
	}
	.container{
		background-color: #FFFFFF;
		display: flex;
		justify-content: center;
		flex-direction: column;// 强制换行排列
		align-items: conter;// 控制上中下
	}
	.nav{
		background-color: rgba(255, 255, 255, .1);
	}
	.box{
		z-index: 10;
		height: 477upx;
		width: 750upx;
		background-color: #d85a86;
		display: flex;
		align-items: center;
		justify-content: center;
		.user{
			margin: 138upx auto;
			width: 690upx;
			height: 244upx;
			display: flex;
			flex-direction: column;
			.user-top{
				display: flex;
				image{
					width: 108upx;
					height: 108upx;
				}
				.user-name{
					margin: 15upx 22upx 0upx;
					display: flex;
					flex-direction: column;
					color: #FFFFFF;
					&>view{
						display: flex;
						align-items: center;
						font-size: $font-lg + 6upx;
						&>view{
							width: 34upx;
							height: 30upx;
							margin: 12upx 0upx;
							background-image: url('~@/static/imgs/videoRecharge/btn_01.png');
							background-size: cover;
							display: flex;
							justify-content: center;
							&>text{
								line-height: 40upx;
								color: #303133;
								font-size: $font-sm - 14upx;
							}
						}
					}
					&>text{
						color: #f7dee7;
						font-size: $font-base - 6upx;
					}
				}
			}
			.schedule{
				height: 104upx;
				margin: 15upx 0upx;
				color: #FFFFFF;
				font-size: $font-base - 6upx;
				.schedule-box {
					position: relative;
					margin: 10upx 0upx;
					height: 13.888888upx;
					background-color: #fff;
					border-radius: 13.888888upx;
					&>view {
						position: absolute;
						top: -45upx;
						width: 48.611111upx;
						display: flex;
						flex-direction: column;
						align-items: center;
						transition: left .5s linear;
						&>.dialog {
							position: relative;
							width: 100%;
							height: 31.25upx;
							margin-bottom: 6.944444upx;
							&>image {
								position: absolute;
								width: 100%;
								height: 100%;
							}
							&>text {
								position: absolute;
								font-size: 10px;
								transform: scale(.8);
								color: #303133;
								left: 5upx;
							}
						}
						&>.dot {
							width: 27.777777upx;
							height: 27.777777upx;
							border-radius: 50%;
							background-color: #fff;
						}
					}
				}
				.schedule-text{
					display: flex;
					justify-content: space-between;
				}
			}
		}
	}
	
	.swiperCard{
		margin: -130upx 0upx;
		// display: flex;
		// justify-content: center;
		// width: 750upx;
		// height: 427upx;
		z-index: 999;
		
		// 层叠式轮播样式
		// .tower-swiper {
		// 	height: 420upx;
		// 	position: relative;
		// 	max-width: 750upx;
		// 	overflow: hidden;
		// }
		
		// .tower-swiper .tower-item {
		// 	position: absolute;
		// 	width: 750upx;
		// 	height: 427upx;
		// 	top: 0;
		// 	bottom: 0;
		// 	left: 20%;
		// 	margin: auto;
		// 	transition: all 0.2s ease-in 0s;
		// 	opacity: 1;
		// }
		
		// .tower-swiper .tower-item.none {
		// 	opacity: 0;
		// }
		
		// .tower-swiper .tower-item .swiper-item {
		// 	width: 100%;
		// 	height: 100%;
		// 	border-radius: 6upx;
		// 	overflow: hidden;
		// }
		
		//左右滑动，现在用的轮播样式
		.card-swiper {
			height: 420upx !important;
			
		}
		
		.card-swiper swiper-item {
			width: 610upx !important;
			left: 70upx;
			box-sizing: border-box;
			padding: 40upx 0upx 70upx;
			overflow: initial;
			background-image: url('~@/static/imgs/videoRecharge/pic_01.png');	
			background-size:cover;
			display: flex;
			justify-content: center;
			flex-direction: column;// 强制换行排列
			align-items: conter;// 控制上中下
			
			.swiper-item {
			  width: 750upx;
			  height:427rpx;
			  display: flex;
			  flex-direction: column;
			  justify-content: center;
			  align-items: center;// 控制上中下
			  // background-image: url('~@/static/imgs/videoRecharge/pic_01.png');
			  // background-size:cover;
			  &>view{
				  
			  }
			  &>view:first-child{
				  width: 576upx;
				  height: 176upx;
				  display: flex;
				  margin: 20upx 80upx 0upx;
				  flex-direction: column;
				  font-size: $font-lg + 6upx;
				  color: #FFFFFF;
				  &>text:last-child{
					  color: #f7dee7;
					  font-size: $font-lg - 6upx;
				  }
			  }
			  &>view:last-child{
				  width: 576upx;
				  height: 92upx;
				  display: flex;
				  margin-left: 30upx;
				  justify-content: space-between;
				  color: #FFFFFF;
				  .item-offer{
					  width: 120upx;
					  font-size: $font-lg + 6upx;
					  display: flex;
					  flex-direction: column;
					  justify-content: center;
					  align-items: center;// 控制上中下
					   &>text:last-child{
						   color: #f7dee7;
						   font-size: $font-lg - 6upx;
					   }
				  }
			  }
			}
		}
		
		.card-swiper swiper-item .swiper-item {
			width: 100%;
			display: block;
			height: 100%;
			border-radius: 10upx;
			transform: scale(0.9);
			transition: all 0.2s ease-in 0s;
			overflow: hidden;
		}
		
		.card-swiper swiper-item.cur .swiper-item {
			transform: none;
			transition: all 0.2s ease-in 0s;
		}
		
		// curry-swiper{
		// 	width: 750upx !important;
		// 	height: 427upx !important;
		// 	curry-slide{
		// 		width: 750upx !important;
		// 		height: 427upx !important;
		// 	}
		// }
		// .swiper-item {
		//   width: 750upx;
		//   height:427rpx;
		//   display: flex;
		//   flex-direction: column;
		//   justify-content: center;
		//   align-items: center;// 控制上中下
		//   // background-image: url('~@/static/imgs/videoRecharge/pic_01.png');
		//   // background-size:cover;
		//   &>view:first-child{
		// 	  width: 576upx;
		// 	  height: 176upx;
		// 	  display: flex;
		// 	  flex-direction: column;
		// 	  font-size: $font-lg + 6upx;
		// 	  color: #FFFFFF;
		// 	  &>text:last-child{
		// 		  color: #f7dee7;
		// 		  font-size: $font-lg - 6upx;
		// 	  }
		//   }
		//   &>view:last-child{
		// 	  width: 576upx;
		// 	  height: 92upx;
		// 	  display: flex;
		// 	  justify-content: space-between;
		// 	  color: #FFFFFF;
		// 	  .item-offer{
		// 		  width: 120upx;
		// 		  font-size: $font-lg + 6upx;
		// 		  display: flex;
		// 		  flex-direction: column;
		// 		  justify-content: center;
		// 		  align-items: center;// 控制上中下
		// 		   &>text:last-child{
		// 			   color: #f7dee7;
		// 			   font-size: $font-lg - 6upx;
		// 		   }
		// 	  }
		//   }
		// }
	}
	.vip-recharge{
		height: 462upx;
		width: 750upx;
		margin: 200upx 0upx;
		.recharge-title{
			display: flex;
			padding-left: 34upx;
			padding-right: 15upx;
			justify-content: space-between;
			align-items: center;// 控制上中下
			font-size: $font-lg + 6upx;
			 &>text:last-child{
				 font-size: $font-lg;
				 color: #c6c6c6;
			 }
		}
		
		.recharge-center{
			width: 750upx;
			height: 324upx;
			overflow-x: auto;
			overflow-y: hidden;
			&>view {
				height: 324upx;
				margin: 30upx 0upx;
				&>view {
					position: relative;
					vertical-align: top;
					display: inline-block;
					float: left;
					margin-left: 24upx;
					width: 197upx;
					height: 255upx;
					border-radius: 25upx;
					border: 1px solid #dc5786;
					.right-tips{
						width: 60upx;
						height: 31upx;
						position: absolute;
						background-color: #db4d7f;
						border-radius: 30upx;
						display: flex;
						justify-content: center;
						align-items: center;// 控制上中下
						color: #FFFFFF;
						font-size:12upx;
						right: -10upx;
						font-size:$font-lg - 10upx;
					}
					&>view:last-child{
						height: 255upx;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;// 控制上中下
						font-size: $font-lg + 4upx;
						.center{
							color: #db4d7f;
							& text{
								font-size: $font-lg + 14upx;
							}
						}
						.bottom{
							font-size: $font-lg;
							color: #c6c6c6;
						}
					}
				}
			}
		}

		.commit-btn{
			margin: 55upx 0upx;
			button{
				width: 533upx;
				border-radius: 35upx;
				background-color: #db4d7f;
			}
		}
	}


	
	